<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            function  calc(flag) {
                var inputDom=document.querySelector("#num");//获取元素的DOM对象
                var val=inputDom.value*1;//获取当前的值
                if(flag=="+"){
                    val++;
                }else{
                    if(val>0){
                        val--;
                        inputDom.value=val;//将计算好的值重复赋值给value属性
                    }else{
                        alert("你过分了哇，不能再减了");
                    }
                }
                inputDom.value=val;
            }
        </script>
    </head>
    <body>
        <input type="button" value="-" onclick="calc('-')">
        <input type="text" value="0" size="2" id="num">
        <input type="button" value="+" onclick="calc('+')">
    </body>
</html>